<%@page pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>

<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<%@ include file="../common/js_library.jsp"%>
		<link href="../css/upload.css" rel="stylesheet">
		<script src="../js/upload.js"></script>
	</head>
	<body>
		<div id="wrapper" class ="span7 offset3">
			<ul class="tabs nav nav-tabs">
				<li class="active">
					<a href="#form_ver" data-toggle="tab">form
					ver</a>
				</li>
				<li>
					<a href="#d_d_ver" data-toggle="tab">D&D ver</a>
				</li>
			</ul>
			<div id="myTabContent" class="tab-content">
				<section class="tab-pane active" id="form_ver">
					<input id="form" type="file" multiple="multiple" />
				</section>
				<section class="tab-pane" id="d_d_ver">
					<div id="d_d_target" draggable="true">
					</div>
				</section>
				<form action="${f:url('upload')}" method="post" enctype="multipart/form-data">
				</form>
			</div>
			<footer id="footer">
				<i class="icon-cog" id="settings"></i>
				<i class="icon-question-sign" id="information"></i>
			</footer>
		</div>
	</body>
</html>
